<%@ page import="java.sql.Connection" %>
<%@ page import="ljx.JdbcUtils" %>
<%@ page import="java.sql.Statement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<body>


<div class="header" id="head">
  <style >
    *{ margin:0px; padding:0px;}
    #nav{ width:600px; height:20px;position: relative; left:310px}
    #nav ul{ list-style:none;}
    #nav ul li{ float:left; line-height:40px; text-align:center; position:relative;}
    #nav ul li a{ text-decoration:none; color:#000; display:block;padding:0px 10px;}
    #nav ul li a:hover{ color:#FFF; background:#333}
    #nav ul li ul{ position:relative; display:none;}
    #nav ul li ul li{ float:none;line-height:20px; text-align:left;}
    #nav ul li ul li a{ width:100%; }
    #nav ul li ul li a:hover{ background-color: dodgerblue;}
    #nav ul li:hover ul{ display:block}
  </style>

  <div id="nav">
    <ul>
      <li><a href="login.jsp">首页</a></li>
      <li><a href="#">学习中心</a>
        <ul style="size:15px;font-family: 华文仿宋;color: #666666">
          <li><a href="index5.jsp">新建任务</a></li>
          <li > <a href="index6.jsp">任务目录</a></li>
        </ul>
      </li>
      <li><a href="#">个人中心</a>
        <ul style="size:15px;font-family: 华文仿宋;color: #666666">
          <li><a href="index3.jsp">管理员信息</a></li>
          <li><a href="index3.jsp">所有信息</a></li>
        </ul>
      </li>
      <li><a href="index8.jsp">关于我们</a></li>
    </ul>
  </div>
</div>


<div class="wrap" id="wrap"  >
  <div style="font-family: 华文行楷;font-size: 35px">
    <a style="float: left;color: #8bbbf9;">本管理系统使用说明:</a>
    <br>
  </div>
  <div style="float:left;text-align:left;font-family: 华文仿宋;font-size: 20px">

    <br>
    此系统主要目的是为了让学生在学习过程中可以更明确自己的目标；
    <br>
    管理员进入登陆页面后，可以在上方菜单栏中选择自己需要查询或添加学生的目标情况，
    <br>
    在添加目标时，按照表格中要求填写信息，填写完成后需要点击表格右上方， 进入分阶
    <br>
    段目标填写，这样是为了更详细地明确自己的目标，在填写小目标时，如果要继续填写
    <br>
    小目标,点击下方的继续新建，如果新建完成就点击表格右上方的新建完；
    <br>
    如果想查询目标可以参考上方添加的方法进行操作；
    <br>
    以上是本系统的基本操作简介
  </div>




</div>
</body>
</html>
<style type="text/css">
  *{
    margin:0;
    padding:0;
  }
  #wrap{
    height:400px;
    width:135%;
    background-image: url("tp2.jpg");
    text-align:center;
    position:relative;
  }
  #head{
    height:80px;
    width:100%;
    background-image: url("tp2.jpg");
    text-align:center;
    position:relative;
  }




</style>
